<template>

<div class="signIn">
   <div class="middlee">
     <div class="top">
 <qriously value="192.168.1.112:8088/#/demo2" :size="200" /> 

    </div>
     <div class="bottom">
       iphone 7 plus 64G金色手机一台
     </div>


    </div> 
   <div class="describe">12</div> 
  
</div>
</template>
<script>
import Vue from 'vue'
import VueQriously from 'vue-qriously'
Vue.use(VueQriously)
  
export default {
  beforeCreate(){
    document.querySelector('body').setAttribute('style', 'background:#2A96F5')
  },
  beforeDestroy () {
    document.querySelector('body').setAttribute('style','')
  },

}
</script>
<style scoped lang="stylus">
  .signIn
    padding-top 40px
    .middlee
      width 85%
      height 380px
      background #ffffff
      margin 0 auto
      border-radius 8px
      .top
        height 80%
        border-bottom 1px solid #999999
        display flex
        justify-content center
        align-items center
        padding-top 10px
      .bottom 
        height 20%
        display flex
        padding-left 15px
        padding-top 10px
        font-size 18px

  


</style>

